@charset "utf-8";
*{-webkit-tap-highlight-color:transparent;}
html,body {width: 100%;height: 100%;margin:0; padding:0;font-size: 10px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;box-sizing: border-box;}
table,td,tr,th{font-size:10px;}
a{text-decoration: none;color: #000;}
ol,ul {list-style:none;}
li{list-style-type:none;}
input,select,textarea{-webkit-appearance:none;outline: none;}
img{display: block;width:100%;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.cl:after{display: block;content:"";clear:both;}
.beyond{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.clearfix{zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
/*placeholder -- color*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color: #C8C8C8;
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{
    color: #C8C8C8;
}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{
    color: #C8C8C8;
}
input::input-placeholder,textarea::input-placeholder{
    color: #C8C8C8;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
#wrap{
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #ffffff;
	min-width: 320px;
	max-width: 750px;
	margin: auto;
}